<template>
    <div class="usdtno-home">
      <div class="usdtno-box">
        <img style="width: 40px;" src="../../assets/img/ETH.svg" alt="">
        <div class="usdtno-box-font">对不起，你的{{current}}不足，请充值！</div>
        <div class="usdtno-box-btn" @click="jumpChong">
          <img src="../../assets/img/transfer-icon-invest.svg" alt="">
          <span>充值</span>
        </div>
      </div>
      <img @click="returnPage" src="../../assets/img/layer-close.svg" alt="">
    </div>

  </template>

  <script>
  export default {
    name: 'usdtNo',
    data () {
      return {
        
      }
    },
    props:['current'],
    components:{
        
    },
    computed: {

    },
    mounted() {
        
    },
    methods: {
      returnPage(){
        this.$emit('returnPage',false);
      },
      jumpChong(){
        this.$router.push('/recharge/'+this.current)
      }
    },
  }
  </script>

  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style lang="less" scoped>
    .usdtno-home{
      width: 100%;
      height: 100vh;
      position: fixed;
      top:0px;
      left:0px;
      background: rgba(0, 0, 0, 0.4);
      padding: 260px 48px 0px 48px;
      text-align: center;
    }
    .usdtno-box{
      width: 100%;
      height: 190px;
      background-color: #2F3036;
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 20px;
      .usdtno-box-font{
        margin-top: 25px;
        text-align: center;
        font-size: 14px;
        margin-bottom:20px;
      }
    }
    .usdtno-box-btn{
      width: 100%;
      height: 42px;
      line-height: 42px;
      background-color: #6E59FF;
      border-radius: 4px;
      font-size: 14px;
      font-weight: bold;
      img{
        vertical-align: middle;
        position: relative;
        top: -2px;
      }
    }
  </style>
